/*
 * Copyright (c) 2010-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
 */

/* Menu 

There are three areas of styling for the Menu:  
 
 1. The menu 
 	There are three types of menus:
 	i)Context Menu
 	ii)Drop down Menu
 	iii) Navigation Menu
 	All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border
 	.dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect
  .dijitMenuTable - for padding - also affects Select widget 	
  	
 2. The menu bar
 	.dijitMenuBar - for border, margins, padding, background-color of the menu bar
 	.dijitMenuBar .dijitMenuItem - for padding, text color of menu items in the menu bar (overrides .dijitMenuItem) 
 	
 3. Menu items - items in the menu.  
 	.dijitMenuItem - for color
 	.dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected	
 	.dijitMenuItemActive - for bacgkround-color of an active (mousedown) menu item
	td.dijitMenuItemIconCell - for padding around a  menu item's icon
	td.dijitMenuItemLabel - for padding around a menu item's label	
	.dijitMenuSeparatorTop - for border, top border, of the separator
	.dijitMenuSeparatorBottom - for bottom margin of the separator
	
	Styles specific to ComboBox and FilteringSelect widgets: 
	.dijitComboBoxMenu .dijitMenuItem - for padding and border of a menu item in a ComboBox or FilteringSelect widget's menu
	.dijitComboBoxMenu .dijitMenuItemSelected- for text color, background-color and border of a menu item in a ComboBox or FilteringSelect widget's menu
*/
.oneui .dijitMenuBar {
  border: 1px solid #cccccc;
  margin: 0;
  padding: 0 5px 0 5px;
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#ededed 100%); /* W3C */
}

.dj_ie6 .dijitMenuBar,
.dj_ie7 .dijitMenuBar{
	height: 26px;
}

.oneui .dijitMenu {
  background-color: #ffffff;
  /* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */

  margin: -1px 0;
  padding: 0 1px 0 1px;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.dj_ie6 .oneui .dijitMenu {
  margin: 0;
  /* above -1px makes top/bottom borders disappear on IE6 */

}

.oneui .dijitMenuBar .dijitMenuItem {
  padding: 6px 10px 7px 10px;
  margin: 0 3px 0 2px;
  color: #222222;
  margin-left: -1px;
}

.dj_ie6 .oneui .dijitMenuBar .dijitMenuItem{
	margin-top: -1px;
}

/* this prevents jiggling upon hover of a menu item */
.oneui .dijitMenuTable {
  border-spacing: 0 0;
  padding: 0;
  border-collapse: separate;
}
.oneui .dijitMenuItem td {
  padding: 1px;
  border-bottom: 1px solid white;
}

.dijit_a11y .dijitMenuItem td {
  border-bottom: none;
}

.oneui .dijitMenuBar .dijitMenuItemDisabled{
	opacity: 1;
	color: #555555;
	text-shadow:1px 0 0 #ffffff;
}

/* hover over a MenuBarItem */
.oneui .dijitMenuBar .dijitMenuItemHover,
.oneui .dijitMenuBar .dijitMenuItemActive,
.oneui .dijitMenuBar .dijitMenuItemSelected{
	border-left: 1px solid #d0d0d0; 
	border-right: 1px solid #d0d0d0;
	padding: 6px 9px 7px 9px;
}

.oneui .dijitMenuBar .dijitMenuItemHover,
.oneui .dijitMenuBar .dijitMenuItemFocused{
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(top,  #fafafa 0%,#dbdbdb 100%); /* W3C */
}

.oneui .dijitMenuBar .dijitMenuItemActiveFocused,
.oneui .dijitMenuActive .dijitMenuItemSelected{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #ededed 0%,#ffffff 100%); /* W3C */
}

.oneui .dijitMenuTable .dijitMenuItemSelected,
.oneui .dijitMenuTable .dijitMenuItemChecked,
.oneui .dijitMenuTable .dijitMenuItem.dijitSelected,
.oneui .dijitMenuTable .dijitMenuItem.dijitChecked  {
  color: #000000;
  background: #ddf2f9;
}

/* hover over or select a MenuItem */
.oneui .dijitMenuTable .dijitMenuItemHover,
.oneui .dijitMenuTable .dijitMenuItemActive,
.oneui .dijitMenuTable .dijitMenuItemFocused{
  color: #000000;
  background: #cce8f2;
}

/* MenuBarItem that has been selected and menu drops down from it */
.oneui .dijitMenuActive .dijitMenuItemHover,
.oneui .dijitMenuActive .dijitMenuItemSelected {
  color: #000000;
}

/* Menu item elements*/
/* Following code is designed for dijit.Menu,
 * it's commented as they are confilict with idx.widget.Menu
.oneui .dijitMenuTable tr:first-child .dijitMenuArrowCell,
.oneui .dijitMenuTable tr:first-child .dijitMenuItemIconCell,
.oneui .dijitMenuTable tr:first-child .dijitMenuItemLabel{
	border-top: 1px solid white;
}
*/

.oneui .dijitMenuTable .dijitMenuItemIcon{
	margin-right: 5px;
} 

.oneui .dijitMenuItem .dijitMenuArrowCell{
	padding-right: 10px;
	border-right: 1px solid white;
}

.dj_trident7 .oneui .dijitMenuItem .dijitMenuArrowCell{
  padding:4px 10px;
}

.oneui .dijitEditorIcon{
  height: 16px;
  width: 16px;
}

.oneui td.dijitMenuItemIconCell {
  padding: 0 0 0 10px;
  border-left: 1px solid white;
}

.oneui div.dijitMenu td.dijitMenuItemIconCell{
  border-left: none;
}

/* the icon image in the menu item is embedded in text.
   ensure that the font descender doesn't distort the
   centering/alignment of the icon */
.oneui td.dijitMenuItemIconCell img {
  vertical-align: bottom;
}

.oneui td.dijitMenuItemLabel {
  padding-top: 4px;
  padding-bottom: 3px;
}

.oneui .dijitMenuItemDisabled .dijitMenuItemLabel{
  color: #555555;
  text-shadow: 1px 0 0 #ffffff;
}

.oneui .dijitMenuExpand {
  width: 7px;
  height: 7px;
  background-image: url('images/spriteArrows.png');
  background-position: -14px 0;
}

.oneui .dijitMenuItemDisabled .dijitMenuExpand{
  background-position: -42px 0;
}

.oneui .dijitMenuItemDisabled .dijitMenuItemIconCell {
  opacity: 1;
}
.oneui .dijitMenuSeparatorTop {
  height: auto;
  margin-top: 0;
  /* prevents spacing above/below separator */

  border-bottom: 1px solid #aaaaaa;
}
.oneui .dijitMenuSeparatorBottom {
  height: auto;
  margin-bottom: 1px;
}
/* the checked menu item */

.oneui .dijitCheckedMenuItemIcon {
  margin-right: 4px;
  padding:1px 0 0 1px;
  background-image: url('form/images/checkboxRadioButtonStates.png');
  background-repeat: no-repeat;
  background-position: -17px 50%;
  width: 14px;
  height: 14px;
  margin: 1px 0 0 1px;
}

.dj_ie6 .oneui .dijitCheckedMenuItemIcon {
  background-image: url('form/images/checkboxRadioButtonStates8bit.png');
}
.oneui .dijitCheckedMenuItemChecked .dijitCheckedMenuItemIcon {
  background-position: -1px 50%;
}

.oneui .dijitMenuItemHover .dijitCheckedMenuItemIcon {
  background-position: -113px;
}

.oneui .dijitMenuItemActive .dijitCheckedMenuItemIcon {
  background-position: -161px;
}

.oneui .dijitMenuItemCheckedHover .dijitCheckedMenuItemIcon {
  background-position: -97px;
}

.oneui .dijitMenuItemCheckedActive .dijitCheckedMenuItemIcon {
  background-position: -145px;
}

.oneui .dijitMenuItemReadOnly .dijitCheckedMenuItemIcon{
  background-position: -65px;
}

.oneui .dijitMenuItemCheckedReadOnly .dijitCheckedMenuItemIcon{
  background-position: -49px;
}

.oneui .dijitMenuItemDisabled .dijitCheckedMenuItemIcon{
  background-position: -65px;
}

.oneui .dijitMenuItemCheckedDisabled .dijitCheckedMenuItemIcon{
  background-position: -49px;
}

.oneui .dijitRadioMenuItem .dijitMenuItemIcon {
  background-image: url('form/images/checkboxRadioButtonStates.png');
  background-position: -209px;
  overflow: visible;
  
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  margin: 0 2px 0 0;
  padding: 0;
}

.oneui .dijitRadioMenuItemChecked .dijitMenuItemIcon {
  background-position: -193px;
  
}


/*ComboBox Menu*/
.oneui .dijitComboBoxMenu {
  margin-left: 0;
  background-image: none;
  padding: 0 1px 0 1px;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.oneui .dijitComboBoxMenu .dijitMenuItem {
  margin: 1px 0 1px 0;
  padding: 3px 10px 4px 10px;
}
.oneui .dijitComboBoxMenu .dijitMenuItemSelected {
  color: #000000;
  background-color: #ddf2f9;
}
.oneui .dijitComboBoxMenu .dijitMenuItemHover,
.oneui .dijitComboBoxMenu .dijitMenuItemActive {
  color: #000000;
  background-color: #cce8f2;
}
.oneui .dijitMenuPreviousButton, .oneui .dijitMenuNextButton {
  font-style: italic;
}

.oneui .dijitMenuTable .dijitMenuItem{
  border: 1px solid #ffffff;
}

.oneui .dijitMenuItemReadOnly{
  color: #767676;
  background: #ffffff;
}

/* Styles for oneui multi-column menu widget */

.oneuiMenuColumn {
	vertical-align: top;
	padding: 0;
}

/* Styles for menu heading */

.oneui .oneuiMenuHeading .oneuiMenuHeadingLabel {
	padding-right: 10px;
}

/* Overwrite dijit.css*/
.dijitMenuItemDisabled * {
	opacity: 1;
}

.dj_ie .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled td {
	filter: none;
}

.dijitMenuItemLabel {
	position: static;
}

/*
 * Following code is used to fix ticket #15241(http://trac.dojotoolkit.org/ticket/15241).
 */ 
.dijitMenuItem:focus { 
	outline: none 
} 

.dj_a11y .dijitMenuItemSelected { 
	border: 1px dotted black !important;    /* for 2.0 use outline instead, to prevent jitter */ 
}

/*** The following is for adding a dotted border to use more than color to show selection *****/
.oneui .dijitMenuTable tr.dijitMenuItem:first-child .dijitMenuArrowCell, 
.oneui .dijitMenuTable tr.dijitMenuItem:first-child .dijitMenuItemIconCell, 
.oneui .dijitMenuTable tr.dijitMenuItem:first-child .dijitMenuItemLabel, 
.oneui .dijitMenuTable tr.dijitMenuItem:first-child .oneuiMenuHeadingLabel{
	border-top: 1px solid #ffffff;
}
.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused>td.dijitMenuItemLabel {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding-bottom: 3px;
	padding-top: 3px;
}
.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused>td.dijitMenuItemAccelKey {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding-bottom: 1px;
	padding-top: 0px;
}
.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused:first-child>.dijitMenuItemLabel {
	padding-top: 4px;
	padding-bottom: 3px;
}

.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused:first-child>.dijitMenuItemAccelKey {
	padding-top: 1px;
}
.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused>td.dijitMenuItemIconCell {
	border: 1px dotted #000000;
	border-right: 0px none transparent;
	padding-bottom: 1px;
}
.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused:first-child>td.dijitMenuItemIconCell{
	padding-bottom: 0px;
}

.oneui .dijitMenuTable tr.dijitMenuItem.dijitMenuItemFocused>td.dijitMenuArrowCell {
	border: 1px dotted #000000;
	border-left: 0px none transparent;
	padding-right: 9px;
}
